<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
 <title>Farbtastic</title>
 <meta charset="UTF-8" />
 <script type="text/javascript" src="../../../../scripts/jquery.js"></script>

 <script type="text/javascript" src="../jquery.blockui.js"></script>
 
 <link  href="../../../../themes/default/ui.css" type="text/css" rel="stylesheet" />
 <link  href="../jquery.blockui.css" type="text/css" rel="stylesheet" />
 <!-- 换肤 -->
	<script type="text/javascript" src="../../../theme_cookie.js"></script>
 <script type="text/javascript"> 
 var Global = {contextPath:'/bingo.ui.framework/'} ;
 
    $(document).ready(function() { 
        $('#pageDemo41').click(function() { 
        	$('#postmessage4').block(); 
        	$("#pageDemo41").attr("disabled",true);
        	$("#pageDemo42").attr("disabled",false);
        });
        
        $('#pageDemo42').click(function() { 
        	$('#postmessage4').unblock();
        	$("#pageDemo42").attr("disabled",true);
        	$("#pageDemo41").attr("disabled",false);
        });
    }); 
 
</script> 
 
 <body>
		<div id='content-api' class='demo'>
			<h1></h1>
			 <input id="pageDemo41" type="submit" value="开启Div区域的遮罩" />
    		 <input id="pageDemo42" type="submit" value="关闭Div区域的遮罩" />
    		 
    		 <br /><br />
    	  <div style="width:440px;height:240px;border:1px solid red" id="postmessage4"></div>
		</div>
  
</body>
</html>
